<template>
	<view class="d-flex">
		<image :src="resdata.big.src" 
		style="width: 373upx; height: 530upx; border-right: 2upx solid #F5F5F5; border-bottom: 2upx;" @tap="event('big')"/>
		<view class="d-flex flex-column">
			<image :src="resdata.smalltop.src"
			style="width:375upx; height: 264upx; border-bottom: 2upx solid #F5F5F5;" @tap="event('small-top')"/>
			<image :src="resdata.smallbottom.src"
			style="width:375upx; height: 264upx; border-bottom: 2upx" @tap="event('small-bottom')"/>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			resdata: Object
		},
		methods: {
			event(name){
				console.log("[three adv]::" + name + " click")
			}
			
		}
	}
</script>

<style>

</style>